.topBgImg {
    width: 100%;
}

.centerBg {
    width            : 100%;
    height           : 410px;
    background-image : url(../img/center_bg.png);
    background-size  : cover;
    position         : absolute;
    z-index          : -1;
    left             : 0;
    background-repeat: no-repeat;

    &.center_bg_1 {
        top                : 1522px;
        background-position: -90px 0;
    }

    &.center_bg_2 {
        top                : 3104px;
        background-position: -30px 0;
    }
}

.what_can_i {
    width     : 754px;
    margin-top: 80px;
}

.what_can_i_txt {
    width      : 300px;
    height     : 28px;
    font-size  : 30px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(51, 51, 51, 1);
    line-height: 18px;
    margin     : 30px auto auto;
}

.offerCard_box {
    margin      : 50px auto auto;
    width       : 1218px;
    padding-left: 0;

    &::after {
        clear     : both;
        content   : "";
        display   : block;
        width     : 0;
        height    : 0;
        visibility: hidden;
    }

    .offerCard {
        float        : left;
        list-style   : none;
        width        : 298px;
        background   : rgba(255, 255, 255, 1);
        box-shadow   : 0px 4px 8px 0px rgba(152, 153, 155, 0.4);
        margin-right : 160px;
        margin-bottom: 76px;

        // transition:all .2s;
        // &         :hover{
        // 	transform: scale(1.1);
        // }
        &:nth-child(3n) {
            margin-right: 0;
        }

        .offcaimg_border {
            width        : 180px;
            height       : 180px;
            border       : 1px solid rgba(241, 117, 90, 1);
            border-radius: 50%;
            margin       : 28px auto;
            position     : relative;

            .offerCard_img {
                width        : 120px;
                height       : 122px;
                border       : 1px solid rgba(241, 117, 90, 1);
                border-radius: 100%;
                position     : absolute;
                top          : 50%;
                left         : 50%;
                transform    : translate3d(-50%, -50%, 0);
            }
        }

        .offerCard_title {
            width      : 100%;
            height     : 24px;
            font-size  : 24px;
            font-family: PingFang-SC-Bold;
            font-weight: bold;
            color      : rgba(89, 89, 89, 1);
            text-align : center;
            margin     : 0 auto 18px;
        }

        .offerCard_desc {
            box-sizing : border-box;
            padding    : 0 24px;
            width      : 100%;
            height     : 40px;
            font-size  : 18px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(89, 89, 89, 1);
            text-align : center;
            margin     : 0 auto 32px;
        }
    }
}

.swiper-container-top {
    width    : 760px;
    position : absolute;
    top      : 257px;
    right    : 290px;
    overflow : hidden;
    transform: scale(0.9);
}

.swiperBox {
    position: relative;

    .swiper-container {
        width              : 744px;
        height             : 946px;
        background-image   : url("../img/swiper_bg.png");
        background-size    : 100% 100%;
        background-position: top left;
        margin-left        : 208px;
        margin-top         : 18px;
        margin-right       : 0;
        position           : relative;

        .swiper-slide {
            position: relative;

            .swiper-item {
                width   : 422px;
                top     : 278px;
                left    : 216px;
                position: absolute;
            }
        }
    }

    .swiperDesc {
        position    : absolute;
        min-width   : 100px;
        top         : 0;
        left        : 1052px;
        height      : 946px;
        box-sizing  : border-box;
        padding-left: 100px;
        text-align  : left;

        .swiperDesc_title {
            margin-top   : 300px;
            margin-bottom: 0;
            height       : 46px;
            font-size    : 48px;
            font-family  : PingFang-SC-Bold;
            font-weight  : bold;
            color        : rgba(76, 76, 76, 1);
            line-height  : 48px;
            display      : inline-block;
        }

        .swiperDesc_title_circle {
            width        : 20px;
            height       : 20px;
            border       : 6px solid rgba(249, 68, 107, 1);
            border-radius: 100%;
            position     : absolute;
            top          : 290px;
            margin-left  : 20px;
        }

        .swiperDesc_title_line {
            margin-top: 24px;
            font-size : 36px;
            text-align: left;
        }

        .swiperDesc_title_desc_1 {
            height     : 28px;
            font-size  : 30px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            line-height: 28px;
            text-align : left;
            margin-top : 48px;
        }

        .swiperDesc_title_desc_2 {
            margin-top : -10px;
            height     : 30px;
            font-size  : 30px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            line-height: 48px;
            text-align : left;
        }

        .swiper_circle_box {
            margin-top  : 80px;
            margin-left : 0;
            padding-left: 0;

            &::after {
                clear     : both;
                content   : "";
                display   : block;
                width     : 0;
                height    : 0;
                visibility: hidden;
            }

            .swiper_circle {
                width        : 20px;
                height       : 20px;
                background   : rgba(242, 242, 242, 1);
                border-radius: 50%;
                float        : left;
                list-style   : none;
                margin-right : 20px;

                &.swiper_active {
                    background: rgba(249, 68, 107, 1);
                }
            }
        }
    }
}

.threeStep_Box {
    width      : 100%;
    position   : relative;
    min-height : 10px;
    padding-top: 100px;

    .threeStep_title {
        position   : absolute;
        top        : -110px;
        left       : 50%;
        margin-left: -266px;
        width      : 532px;
        height     : 60px;
        font-size  : 60px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color      : rgba(51, 51, 51, 1);
        line-height: 48px;
    }

    .stepBox,
    .stepArrow {
        display       : inline-block;
        vertical-align: middle;
    }

    .stepBox {
        width        : 200px;
        height       : 200px;
        background   : rgba(255, 255, 255, 1);
        box-shadow   : 0px 4px 8px 0px rgba(152, 153, 155, 0.4);
        border-radius: 10px;
        margin       : 0 144px;
        position     : relative;

        .stepBox_img {
            width  : 166px;
            display: block;
            margin : 20px auto;
        }

        .stepBox_txt {
            padding    : 0 20px;
            width      : 300px;
            font-size  : 24px;
            font-family: PingFang-SC-Medium;
            font-weight: 500;
            color      : rgba(76, 76, 76, 1);
            display    : block;
            position   : absolute;
            top        : 244px;
            left       : 50%;
            transform  : translateX(-50%);
        }
    }
}

.bottomBox {
    width     : 100%;
    position  : relative;
    margin-top: 300px;

    .bottomBox_img {
        width  : 85%;
        display: block;
        margin : 0 auto;
    }

    .bottomBoxDesc {
        position  : absolute;
        max-width : 600px;
        top       : 0;
        left      : 50%;
        transform : translateX(-50%);
        height    : 946px;
        box-sizing: border-box;
        text-align: left;

        .bottomBoxDesc_title {
            margin-top    : 150px;
            margin-bottom : 0;
            height        : 46px;
            font-size     : 48px;
            font-family   : PingFang-SC-Medium;
            font-weight   : 500;
            color         : rgba(77, 77, 77, 1);
            line-height   : 48px;
            display       : inline-block;
            border-bottom : 4px solid #f9446b;
            padding-bottom: 24px;
        }

        .bottomBoxDesc_title_circle {
            width        : 30px;
            height       : 30px;
            border       : 6px solid rgba(249, 68, 107, 1);
            border-radius: 100%;
            position     : absolute;
            top          : 120px;
        }

        .bottomBoxDesc_title_line {
            margin-top   : 24px;
            width        : 190px;
            border-bottom: 2px solid rgba(128, 128, 128, 1);
        }

        .bottomBoxDesc_title_desc_1 {
            height     : 24px;
            font-size  : 24px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(77, 77, 77, 1);
            line-height: 48px;
        }

        .bottomBoxDesc_title_desc_2 {
            font-size  : 24px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(77, 77, 77, 1);
            line-height: 48px;
        }
    }
}

//新页面的CSS
.videoBox {
    margin         : 134px auto 92px;
    display        : flex;
    align-items    : center;
    justify-content: center;

    .video {
        width : 666px;
        height: 405px;
    }

    .videoTxt {
        margin-left    : 68px;
        display        : flex;
        align-items    : flex-start;
        justify-content: center;
        flex-direction : column;

        div {
            text-align: left;
            margin    : 26px 0;
            padding   : 1px 0;

            span {
                font-family: PingFang SC;
                color      : #4D4D4D;
                line-height: 30px;

                &.video_big {
                    font-size  : 24px;
                    font-weight: bold;
                    line-height: 30px;

                    &.videoRed {
                        color: #F9446B;
                    }
                }

                &.video_small {
                    font-size  : 18px;
                    font-weight: 400;
                }
            }

        }
    }
}

.what_can_i2 {
    width : 754px;
    height: 45px;
}

.what_can_i_txt2 {
    font-size  : 30px;
    font-family: PingFang SC;
    font-weight: 500;
    color      : rgba(51, 51, 51, 1);
    margin     : 31px 0 21px;

}

.offerCard_box2 {
    width     : 100%;
    height    : 539px;
    background: rgba(250, 250, 250, 1);
    position  : relative;


    .circle_bg {
        width   : 203px;
        position: absolute;
        top     : 0.74%;
        left    : 64.38%;
    }

    .point_bg {
        width   : 157px;
        position: absolute;
        top     : 94.06%;
        left    : 26.68%;
    }

    .step_card_box2 {
        width          : 797px;
        margin         : 0 auto;
        display        : flex;
        align-items    : center;
        justify-content: center;
        flex-wrap      : wrap;
        position       : absolute;
        top            : 62px;
        left           : 50%;
        transform      : translateX(-50%);

        .stepCard2 {
            height       : 260px;
            margin-bottom: 19px;
            background   : rgba(255, 255, 255, 1);
            box-sizing   : border-box;
            padding-left : 33px;
            padding-right: 20px;

            &.card_border_1 {
                width        : 328px;
                border-bottom: 2px solid #F9456B;
            }

            &.card_border_2 {
                width        : 454px;
                border-bottom: 2px solid #F1755A;
            }

            .step_top {
                display        : flex;
                align-items    : center;
                justify-content: space-between;

                .step_top_img {
                    width: 45px;
                }

                .step_top_num {
                    font-size  : 90px;
                    line-height: 110px;
                    font-family: PingFang SC;
                    font-weight: bold;
                    color      : rgba(242, 242, 242, 1);
                }

            }

            .step_bottom {
                p {
                    text-align : left;
                    font-family: PingFang SC;
                    color      : rgba(77, 77, 77, 1);
                    margin     : 0;

                    &.step_bottom_title {
                        font-size    : 24px;
                        font-weight  : 500;
                        margin-bottom: 16px;
                    }

                    &.step_bottom_txt {
                        font-size  : 18px;
                        font-weight: 400;
                        line-height: 28px;

                    }
                }
            }
        }
    }

}

.processBox {
    margin-top: 240px;

    .title {
        height       : 82px;
        line-height  : 82px;
        width        : auto;
        text-align   : center;
        position     : relative;
        margin-bottom: 76px;

        .title_txt {
            font-size  : 36px;
            font-family: PingFang SC;
            font-weight: 500;
            color      : rgba(51, 51, 51, 1);
        }

        .title_bg {
            font-size  : 110px;
            font-family: PingFang SC;
            font-weight: bold;
            color      : rgba(242, 242, 242, 1);
            position   : absolute;
            top        : 0;
            left       : 50%;
            transform  : translateX(-50%);
            z-index    : -1;
        }
    }

    .process_1 {
        display        : flex;
        align-items    : flex-start;
        justify-content: space-between;
        width          : 810px;
        margin         : 0 auto;

        .process_arrow {
            width         : 240px;
            border-bottom : 4px solid #F9446B;
            position      : relative;
            box-sizing    : border-box;
            padding-bottom: 4px;
            font-size     : 24px;
            font-family   : PingFang SC;
            font-weight   : 500;
            color         : rgba(249, 68, 107, 1);
            margin-top    : 8px;

            img {
                width   : 11px;
                position: absolute;
                top     : 100%;

                &.left_arrow {
                    left: -8px;
                }

                &.right_arrow {
                    right: -8px;
                }
            }

            &.left {
                text-align   : right;
                padding-right: 42px;
            }

            &.right {
                text-align  : left;
                padding-left: 32px;
            }
        }

        .process_box {
            background   : rgba(241, 117, 90, 1);
            border-radius: 8px;
            font-size    : 18px;
            padding      : 12px 16px;
            font-family  : PingFang SC;
            font-weight  : 500;
            color        : rgba(255, 255, 255, 1);
            text-align   : center;
        }
    }

    .process_2 {
        width          : 1258px;
        height         : 295px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        margin         : 14px auto 0;

        .process_2_box {
            position: relative;

            &.box1 {
                width          : 248px;
                height         : 295px;
                margin-left    : 30px;
                display        : flex;
                align-items    : center;
                justify-content: center;

                .left {
                    background  : rgba(241, 117, 90, 1);
                    font-size   : 18px;
                    line-height : 20px;
                    font-family : PingFang SC;
                    font-weight : 500;
                    color       : rgba(255, 255, 255, 1);
                    text-align  : center;
                    writing-mode: vertical-lr;
                    padding     : 42px 16px;
                }

                .middle {
                    width      : 65px;
                    transform  : rotate(180deg);
                    margin-left: 28px;
                }

                .right {
                    width        : 106px;
                    height       : 216px;
                    background   : rgba(241, 117, 90, 1);
                    border-radius: 8px;
                    font-size    : 18px;
                    font-family  : PingFang SC;
                    font-weight  : 500;
                    color        : rgba(255, 255, 255, 1);
                    line-height  : 24px;
                    padding      : 45px 11px 0;
                    text-align   : left;
                    box-sizing   : border-box;
                }
            }

            &.box2 {
                width      : 236px;
                height     : 288px;
                margin-left: 218px;
                box-sizing : border-box;
                position   : relative;


                .swiper_bg {
                    width   : 236px;
                    position: absolute;
                    top     : 0;
                    left    : 0;
                    z-index : 0;
                }

                .item {
                    width   : 148px;
                    position: absolute;
                    top     : 77px;
                    left    : 66px;
                    z-index : 1;

                }

                .left,
                .up,
                .right {
                    width   : 65px;
                    height  : 22px;
                    position: absolute;
                    z-index : 3;
                }

                .left {
                    left     : -104px;
                    top      : 50%;
                    transform: translateY(-50%);
                }

                .up {
                    right    : 73px;
                    bottom   : 255px;
                    transform: rotate(90deg);
                }

                .right {
                    right    : -169px;
                    top      : 135px;
                    transform: rotate(180deg);

                    &.top {
                        top      : 77px;
                        transform: rotate(150deg);
                    }

                    &.down {
                        top      : 192px;
                        transform: rotate(210deg);
                    }
                }

                .txt {
                    padding      : 12px 20px;
                    text-align   : center;
                    background   : rgba(249, 68, 107, 1);
                    border       : 3px solid rgba(255, 199, 49, 1);
                    border-radius: 30px;
                    width        : 266px;
                    font-size    : 19px;
                    font-family  : PingFang SC;
                    font-weight  : 500;
                    color        : rgba(255, 255, 255, 1);
                    display      : block;
                    position     : absolute;
                    left         : -15px;
                    bottom       : 0;
                    white-space  : nowrap;
                }
            }

            &.box3 {
                width          : 371px;
                height         : 216px;
                display        : flex;
                align-items    : center;
                justify-content: space-between;
                box-sizing     : border-box;
                margin-left    : 185px;
                margin-right   : -39px;

                .left {
                    width : 181px;
                    height: 188px;

                    span {
                        width        : 181px;
                        height       : 41px;
                        line-height  : 41px;
                        text-align   : center;
                        background   : rgba(241, 117, 90, 1);
                        border-radius: 8px;
                        display      : block;
                        font-size    : 18px;
                        font-family  : PingFang SC;
                        font-weight  : 500;
                        color        : rgba(255, 255, 255, 1);
                        margin-bottom: 33px;
                    }
                }

                .middle {
                    width       : 17px;
                    margin-left : 7px;
                    margin-right: 11px;
                }

                .right {
                    width      : 155px;
                    height     : 216px;
                    background : rgba(241, 117, 90, 1);
                    box-sizing : border-box;
                    padding    : 22px 15px 0;
                    text-align : justify;
                    font-size  : 18px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    color      : rgba(255, 255, 255, 1);
                    line-height: 24px;
                }
            }
        }
    }

    .process_3 {
        width          : 134px;
        height         : 108px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        margin         : 0 auto;
        padding-left   : 10px;


        .up,
        .down {
            width   : 55px;
            height  : 108px;
            position: relative;

            .bg {
                width   : 55px;
                height  : 108px;
                position: absolute;
                top     : 0;
                left    : 0;
                z-index : 0;
            }

            .txt {
                width       : 55px;
                height      : 108px;
                box-sizing  : border-box;
                padding     : 0 0 0 16px;
                writing-mode: vertical-lr;
                position    : absolute;
                top         : 0;
                left        : 0;
                display     : block;
                z-index     : 1;
                font-size   : 18px;
                font-family : PingFang SC;
                font-weight : 500;
                color       : rgba(255, 255, 255, 1);
            }
        }

        .down>.bg {
            transform: rotate(180deg);
        }
    }

    .process_4 {
        width          : 341px;
        height         : 128px;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        margin         : 0 auto;
        padding-left   : 10px;
        position       : relative;

        .txt {
            width       : 32px;
            height      : 128px;
            background  : rgba(241, 117, 90, 1);
            box-sizing  : border-box;
            writing-mode: vertical-lr;
            text-align  : center;
            display     : block;
            padding     : 0 8px;
            font-size   : 15px;
            line-height : 15px;
            font-family : PingFang SC;
            font-weight : 500;
            color       : rgba(255, 255, 255, 1);
        }

        .left {
            position    : absolute;
            left        : -235px;
            width       : 210px;
            height      : 66px;
            border-top  : 4px solid #F9446B;
            box-sizing  : border-box;
            font-size   : 24px;
            font-family : PingFang SC;
            font-weight : 500;
            color       : rgba(249, 68, 107, 1);
            line-height : 30px;
            padding-top : 9px;
            text-align  : left;
            padding-left: 6px;
        }

        .up_line_arrow {
            position: absolute;
            top     : -136px;
            left    : -238px;
            width   : 11px;
        }
    }

    .process_5 {
        width       : 315px;
        margin      : 2px auto 10px;
        padding-left: 5px;
        height      : 18px;

        .down_brackets {
            width: 315px;
        }
    }


    .process_6 {
        max-width  : 697px;
        background : rgba(241, 117, 90, 1);
        box-sizing : border-box;
        padding    : 16px 40px;
        font-size  : 18px;
        font-family: PingFang SC;
        font-weight: 500;
        color      : rgba(255, 255, 255, 1);
        line-height: 24px;
        margin     : 0 auto;
        text-align : left;
    }
}

.bottomCard {
    width      : 100%;
    height     : 1033px;
    background : rgba(250, 250, 250, 1);
    margin-top : 81px;
    box-sizing : border-box;
    padding-top: 10px;

    .card1,
    .card2,
    .card3>.card {
        background : rgba(255, 255, 255, 1);
        box-shadow : 0px 2px 4px 0px rgba(137, 139, 142, 0.62);
        box-sizing : border-box;
        font-size  : 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 36px;
        color      : #4D4D4D;
        text-align : left;
        position   : relative;
        padding-top: 28px;

        .title {
            font-size  : 24px;
            font-weight: bold;
            color      : rgba(249, 68, 107, 1);
        }

        .img {
            position: absolute;
            top     : -41px;
        }
    }

    .card1 {
        width       : 1071px;
        height      : 198px;
        margin      : 100px auto 0;
        padding-left: 30px;

        .img {
            width: 420px;
            right: 34px;

        }


    }

    .card2 {
        width       : 946px;
        height      : 205px;
        margin      : 95px auto 0;
        transform   : translateX(63px);
        padding-left: 387px;

        .img {
            width: 462px;
            left : -129px;
        }
    }

    .card3 {
        position: relative;
        width   : 1283px;
        height  : 264px;
        margin  : 83px auto 0;

        .card {
            width      : 610px;
            height     : 264px;
            position   : absolute;
            z-index    : 1;
            padding-top: 38px;

            &.card_1 {
                top         : 0;
                left        : 0;
                padding-left: 42px;
            }

            &.card_2 {
                top         : 0;
                right       : 0;
                padding-left: 50px;
            }
        }

        .circle {
            position: absolute;
            right   : -72px;
            top     : -57px;
            z-index : 0;
        }
    }
}

.home_top {
    top: 189px !important;

    .swiper-item {
        height: 500px !important;
    }
}